<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格细线</title>
  <style type="text/css">
    /*
    设置边框 : border: 1px solid black
    将边框合并: border-collapse: collapse;
    指定宽度： width
    设置边框： 给 td, th 指定即可 border: 1px solid black;
    */

    table,tr,td{
      width: 300px;
      border: 1px solid black;
      border-collapse:collapse; /*取消表格之间的空隙*/
    }
    /*说明：*/
    /*1. table,tr,td表示组合选择器*/
    /* 2. 就是table和tr还有td，都用统一的样式指定，可以提高复用性*/
  </style>
</head>
<body>
<table>
  <tr>
    <td align=center colspan="3">星期一菜谱</td>
  </tr>
  <tr>
    <td rowspan=2>素菜</td>
    <td>青草茄子</td>
    <td>花椒扁豆</td>
  </tr>
  <tr>
    <td>小葱豆腐</td>
    <td>炒白菜</td>
  </tr>
  <tr>
    <td rowspan=2>荤菜</td>
    <td>油闷大虾</td>
    <td>海参鱼翅</td>
  </tr>
  <tr>
    <td>红烧肉</td>
    <td>烤全羊</td>
  </tr>
</table>
</body>
</html>